<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Last name</title>
	<style>
		body table
		{
			width: 450px;
			border-spacing: 0;
		}
		td
		{
			border: 1px solid grey;
		}
		tfoot
		{
			background-color: #AEEEEE;
			text-align: center;
		}
		.small_td input, label
		{
			width: 50px;
		}
		.city input, .country_select
		{
			width: 200px;
		}
		.left_column
		{
			text-align: right;
			width: 150px;
			font-weight: bold;
		}
		.right_column
		{
			text-align: left;
		}
		.right_column input,textarea
		{
			width: 90%;
		}
		#birthDay,#month,#summer,#spring
		{
			width:7%;
		}
		#postalCode, #zip, #areaCode
		{
			width: 15%;
		}
		#phoneNumber
		{
			width: 40%;
		}
		#birthYear
		{
			width: 20%;
		}
	</style>
</head>

<body>
	<form action="" method="POST">
		<table>
			<tfoot>
				<tr>
					<td colspan="4">
						<input type="submit" name="submitForm" value="Submit" />
						<input type="reset" name="resetForm" value="Clear this Form" />
					</td>
				</tr>
			</tfoot>
			
			<tbody>
				<tr>
					<td class="left_column">
						<label for="lastName">Last Name</label>
					</td>
					
					<td class="right_column" colspan="3">
						<input type="text" id="lastName" name="lastName"  />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="firstName">First Name</label>
					</td>
					
					<td class="right_column" colspan="3">
						<input type="text" id="firstName" name="firstName"  />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="address">Address</label>
					</td>
					
					<td class="right_column" colspan="3">
						<textarea id="address" name="address" >
						</textarea>
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="city">City</label>
					</td>
					
					<td class="city">
						<input type="text" id="city" name="city"  />
					</td>
					
					<td class="small_td">
						<label for="state"><strong>State</strong></label>
					</td>
					
					<td class="small_td">
						<input type="text" id="state" name="state" />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="postalCode">Zip/Postal Code</label>
					</td>
					
					<td class="right_column" colspan="3">
						<input type="text" name="postalCode" id="postalCode"  />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="country">Country</label>
					</td>
					
					<td class="right_column" colspan="3">
						<select class="country_select">
							<option value="Bulgaria" selected="selected"> Bulgaria </option>
							<option value="Romania"> Romania </option>
							<option value="Greece"> Greece </option>
							<option value="Serbia"> Serbia </option>
						</select>
					</td>
				</tr>
					
				<tr>
					<td class="left_column">
						<label for="zip">Phone(country code, area code, number)</label>
					</td>
					
					<td class="right_column" colspan="3">
						(+ <input type="text" id="zip" name="zip"  /> ) <input type="text" id="areaCode" name="areaCode"  /> - <input type="text" id="phoneNumber" name="phoneNumber"  />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="email">E-mail</label>
					</td>
					
					<td class="right_column" colspan="3">
						<input type="text" id="email" name="email" />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="month">Birth date</label>
					</td>
					
					<td class="right_column" colspan="3">
						Month <input type="text" id="month" name="month"  /> Day <input type="text" id="birthDay" name="birthDay"  /> 
						Year(4 digit) <input type="text" id="birthYear" name="birthYear"  />
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="gender">Gender</label>
					</td>
					
					<td class="right_column" colspan="3">
						<select>
							<option value="male">Male </option>
							<option value="female">Female </option>
						</select>
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						Starting date
					</td>
					
					<td class="right_column" colspan="3">
						<input type="radio" value="spring" id="spring" name="starting" />
						<label for="spring">Spring 2006</label>
						
						<input type="radio" value="summer" id="summer" name="starting" />
						<label for="summer">Summer 2006</label>
					</td>
				</tr>
				
				<tr>
					<td class="left_column">
						<label for="comments">Comments/Questions</label>
					</td>
					
					<td class="right_column" colspan="3">
						<textarea id="comments" name="comments">
						</textarea>
					</td>
				</tr>
			</tbody>
		</table>
	</form>

</body>

</html>